<div class="panel-body-content">
    <ol class="breadcrumb">
        <li>系统用户管理</li>
        <li class="active">系统用户信息列表</li>
    </ol>
</div>
<div class="page page-table" data-ng-controller="ListSysUserCtrl">
    <section class="panel panel-default table-dynamic">
        <div class="panel-heading"><strong><span class="glyphicon glyphicon-th"></span>系统用户信息列表</strong></div>
        <div class="panel-body">
            <div class="table-filters">
                <div class="row">
                    <div class="col-md-2 col-xs-12 pull-right" style="width:75px;">
                        <a href="javascript:;" ng-click="add()" class="btn-icon btn-icon-sm bg-success"><span class="glyphicon glyphicon-plus-sign"></span></a>
                        <a href="javascript:;" ng-click="refresh()" class="btn-icon btn-icon-sm bg-danger"><span class="glyphicon glyphicon-refresh"></span></a>
                    </div>
                </div>
            </div>
            <table class="table table-bordered table-striped table-responsive">
                <thead>
                <tr>
                    <th style="width:40px;">
                        <div class="th">Id</div>
                    </th>
                    <th>
                        <div class="th">姓名</div>
                    </th>
                    <th>
                        <div class="th">登录名</div>
                    </th>
                    <th>
                        <div class="th">角色</div>
                    </th>
                    <th style="width:150px">
                        <div class="th">电子邮箱</div>
                    </th>
                    <th style="width:120px">
                        <div class="th">手机号码</div>
                    </th>
                    <th style="width:120px">
                        <div class="th">电话号码</div>
                    </th>
                    <th style="width:40px">
                        <div class="th">状态</div>
                    </th>
                    <th style="width:150px">
                        <div class="th">创建时间</div>
                    </th>
                    <th style="width:60px">
                        <div class="th">操作</div>
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="text-center text-size-12" data-ng-repeat="store in stores" ng-if="stores.length>0">
                    <td>{{store.id}}</td>
                    <td>{{store.name}}</td>
                    <td>{{store.account}}</td>
                    <td>{{store.role_name}}</td>
                    <td>{{store.email}}</td>
                    <td>{{store.mobile}}</td>
                    <td>{{store.tel}}</td>
                    <td>
                        <span ng-show="{{store.status==1}}" class="text-success">√</span>
                        <span ng-show="{{store.status!=1}}" class="text-danger">×</span>
                    </td>
                    <td>{{store.create_at}}</td>
                    <td>
                        <a href="javascript:;" ng-click="changeStatus(store.id)" ng-show="{{store.status==1}}" class="text-danger" title="停止">停止</a>
                        <a href="javascript:;" ng-click="changeStatus(store.id)" ng-show="{{store.status!=1}}" class="text-warning" title="启用">启用</a>
                    </td>
                </tr>
                <tr class="text-center" ng-if="stores.length==0">
                    <td colspan="10" ng-bind="loadTip"></td>
                </tr>
                </tbody>
            </table>
            <footer class="table-footer">
                <div class="row">
                    <div class="col-md-6 page-num-info">
                    <span>
                        每页显示
                            <select ng-model="pager.size" ng-options="opt for opt in pager.sizeOpts" ng-change="pager.onChangeSize()"></select>
                        条共 {{pager.total()}} 页，共 {{pager.records}} 条数据
                    </span>
                    </div>
                    <div class="col-md-6 text-right pagination-container">
                        <pagination class="pagination-sm"
                                    ng-model="pager.page"
                                    total-items="pager.records"
                                    max-size="pager.maxSize"
                                    ng-change="pager.onChange(pager.page)"
                                    items-per-page="pager.size"
                                    rotate="false"
                                    previous-text="上一页" next-text="下一页"
                                    first-text="首页" last-text="末页"
                                    boundary-links="true">
                        </pagination>
                    </div>
                </div>
            </footer>
        </div>
    </section>
</div>
